﻿<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>阴影</title>
    <style>
        /* 元素阴影*/

        div#box {
            /*其他浏览器*/
            box-shadow: 3px 4px 2px #000;
            /*webkit浏览器*/
            -webkit-box-shadow: 3px 4px 2px #000;
            /*firefox浏览器*/
            -moz-box-shadow: 3px 4px 2px #000;
            padding: 5px 4px;
        }


        /* 文本阴影*/
         div#boxx {
            text-shadow: 5px -10px 5px red;
            color: #666;
            font-size: 16px;
            margin: 50px;
        }


    </style>
</head>
<body>
<div id="box">元素阴影</div>
<div id="boxx">文本阴影</div>

</body>
</html>